<template>
	<div>
		<!-- 选择器 -->
		<div class="mb-20px flex items-center">
			<div class="mr-20px">
				<SelectBox :list="listCoin" title="币种"></SelectBox>
			</div>
			<div class="mr-20px">
				<SelectBox :list="listMethods" title="类型"></SelectBox>
			</div>
			<div class="mr-20px">
				<SelectBox :list="listManage" title="理财产品"></SelectBox>
			</div>
		</div>
		<div class="mb-20px">
			<SelectTimer></SelectTimer>
		</div>
		<!-- 列表 -->
		<ManageTable/>
	</div>
</template>
<script  lang="ts" setup>
import { ref } from 'vue';

import SelectBox from '../../components/SelectBox.vue';
import SelectTimer from '../../../components/SelectTimer.vue';

import ManageTable from '../tables/ManageTable.vue';
const listCoin =  ref<any[]>([
	{
		label:'全部',
		value:'1'
	},
	{
		label:'BTC',
		value:'2'
	},
	{
		label:'ETH',
		value:'3'
	},
	{
		label:'USDT',
		value:'4'
	},
	{
		label:'TRX',
		value:'5'
	},
	{
		label:'JYD',
		value:'6'
	}
])

const listMethods = ref<any[]>([
	{label:'全部',value:'1'},
	{label:'理财产品',value:'2'},
	{label:'定期',value:'3'},
	{label:'活期',value:'4'},
	{label:'划转',value:'5'}
])

const listManage = ref<any[]>([
	{ label:'全部', value:'1' },
	{ label:'JYD线上质押001', value:'2' },
	{ label:'VRChat-Plus', value:'3' },
	{ label:'蓝海资本II期', value:'4' },
	{ label:'周末测试001', value:'5' },
	{ label:'周末测试002', value:'6' }
])
</script>
